<template>
	<view class="joincircle">
		<view class="mengban"></view>

		<view class="nav_bar">
			<uni-nav-bar color="#333" left-icon="left" title="说明" :border='false' :fixed="true"
				background-color="transparent" @clickLeft="$util.back()"></uni-nav-bar>
		</view>

		<view class="nav_box"></view>

		<view class="content">
			<block v-for="(item,index) in list" :key="index">
				<view class="list flex_center">
					<view class="text">
						{{ index+1 }}、
						{{ item.title }}
					</view>
				</view>

				<view class="sign" v-for="(val,i) in item.text">
					({{ i + 1 }}){{ val }}
				</view>
			</block>
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: [{
						title: '抽成说明：',
						text: [
							'虚拟礼物打赏超圈抽成15%',
							'活动、电商超圈抽成1%',
							'会员、入圈费抽成10%',
						],
					},
					{
						title: '提现说明',
						text: [
							'电商、活动等订单用户结束后随时提现，T+0到账。',
							'虚拟礼物打赏随时提现，T+0到账。',
							'会员费、入圈费随时提现，T+0到账。',
							'所有提现如有问题支付渠道将延时审核，到账时间延后'
						],
					},

					{
						title: '所有收益均在我的页面—账户中提现',
					},

					{
						title: '罚款说明：',
						text: [
							'圈主利用超圈发布涉及赌博、黄色 、赌博、政治等敏感话题，第一次警告，第二次扣除所有保证金',
							'如圈主涉及违法犯罪等活动直接扣除保证金并永久封禁圈子。',
						],
					},

				]
			}
		},
		methods: {

		}
	}
</script>

<style lang="less" scoped>
	.joincircle {
		width: 100vw;
		min-height: 100vh;
		padding: 10rpx 32rpx 40rpx;
	}

	.mengban {
		width: 100vw;
		height: 30vh;
		background: linear-gradient(270deg, #BFEAFF 0%, #FEFBFF 54%, #F1D8FA 100%);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1;
		// opacity: 0.6;
		filter: blur(60rpx);

	}

	.nav_bar {
		background: linear-gradient(270deg, #BFEAFF 0%, #FEFBFF 54%, #F1D8FA 100%);
	}

	.content {
		position: relative;
		z-index: 2;
		background: #FFFFFF;
		border-radius: 24rpx;
		min-height: calc(100vh - 50rpx - 44px - var(--paging-head-top));
		padding: 64rpx 48rpx;

		.list {
			overflow: hidden;
			margin-top: 20rpx;
			align-items: flex-start;

			.index {
				width: 48rpx;
				height: 48rpx;
				border-radius: 24rpx;
				background: linear-gradient(270deg, #BFEAFF 0%, #F7E2FF 54%, #F1D8FA 100%);
				margin-right: 24rpx;

				text {
					font-size: 32rpx;
					color: #2F0094;
				}
			}

			.text {
				font-size: 28rpx;
				color: #000000;
				flex: 1;
			}
		}

		.sign {
			font-size: 24rpx;
			color: #666;
			margin-top: 6rpx;
		}


	}
</style>